<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>修改手机号</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../../css/new_file5.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/libs/icon.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/libs/core.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/aui.css"/>
		<link rel="stylesheet" href="../../css/pulice.css">
		<script src="../../js/libs/zepto.min.js" type="text/javascript" charset="utf-8"></script>
		<script>
            $(function () {
                $('.hm-bar').load('../../data/headerOther.html',function (data) {
                    $(this).find('.head-main').text('修改分享人');
                    $(this).find('.hm-bar-box').css('position','static');
                    $(this).find('.head-left').on('tap',function () {
                        window.history.back();
                    });
                });
            })
		</script>
	</head>
		<body>
		<div id="box">
			
			<div class="hm-bar"></div>
			
			<div class="tiao"></div>
			
			<!--身体-->
			<div class="WD-shenti">
				<div class="st-center">
					<div class="dIv1">
						修改信息
					</div>
					<div class="dIv2">
						手机号
					</div>
				</div>
				<div class="st-center">
					<div class="dIv1">
						原手机号
					</div>
					<div class="dIv2">
						17777777777
					</div>
				</div>
				<div class="st-center">
					<div class="dIv1">
						新手机号
					</div>
					<div class="tel">
						<input type="tel" placeholder="请输入手机号" />
					</div>
				</div>
				<div class="st-center">
					<div class="dIv1">
						手机验证码
					</div>
					
					<div class="yzm">
						<input type="text" placeholder="请输入手机验证码" />
					</div>
					
					<div class="dIv3">
						获取验证码
					</div>
					
				</div>
				
				<div class="st-ms">
					<div class="dIv1 div">
						问题描述
					</div>
					<div class="dIv4">
						<textarea name="" rows="" cols=""></textarea>
					</div>
					
				</div>
				
				<div class="tiao mar"></div>
				
				<div class="scfj">
					<div class="div">
						上传附件<span>(身份证正反扫描件)</span>
					</div>
					
					<div class="sfz">
						<div class="zheng">
							<div class="Zheng">
								<img src="../../img/kuang.png" />
								<input type="file" class="zhengTab" accept="image/*" />
							</div>
							
							<p>正面</p>
							
						</div>
						
						<div class="fan">
							<div class="Fan">
								<img src="../../img/kuang.png" />
								<input type="file" class="fanTab" accept="image/*" />
							</div>
							
							<p>反面</p>
							
						</div>
						
						
						
						
					</div>
					
				</div>
				<div class="tiao mar"></div>
				
				<div class="st-center">
					<div class="dIv1">
						工单服务费
					</div>
					
					
					<div class="dIv5">
						100.00元
					</div>
					
				</div>
				
				
			</div>
			<!--注释-->
			
			<div class="tj">
				提交
			</div>
			<!--底部-->
			
		</div>	
	</body>
	<script type="text/javascript">
		$(function(){
			 $('.zhengTab').on('change',function () {
					var obj = $('.zhengTab').get(0);
					var result = new FileReader();
					result.readAsDataURL(obj.files[0]);
					result.onload = function () {
                        $('.Zheng').find('img').attr('src',this.result);
                        console.log(_length);
                        
                    }
             });
             $('.fanTab').on('change',function () {
					var obj = $('.fanTab').get(0);
					var result = new FileReader();
					result.readAsDataURL(obj.files[0]);
					result.onload = function () {
                        $('.Fan').find('img').attr('src',this.result);
                        console.log(_length);
                        
                    }
                })
		})
	</script>
</html>
